function showFeature(menuID){
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp = new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			//$("#main").hide("slow");
			document.getElementById("main").innerHTML = xmlhttp.responseText;
			//$("#main").fadeIn("normal");
			showMenu(menuID);
		}
	}
	switch(menuID){
		case 1:
			var url = "feature.php?id=1";
			break;
		case 2:
			var url = "feature.php?id=2";
			break;
		case 3:
			var url = "feature.php?id=3";
			break;
		case 4:
            var url = "feature.php?id=4";
			break;
		case 5:
            var url = "feature.php?id=5";
			break;
		default:
			break;
	}
	xmlhttp.open("GET",url,true);
	xmlhttp.send();
}
	
function showMenu(menuID){
	switch(menuID){
		case 1:
			document.getElementById("menu").innerHTML = "<ul><li><a class='current' onclick='showFeature(1)'>HOME</a></li><li><a onclick='showFeature(2)'>MY WORKSTATION</a></li><li><a onclick='showFeature(3)'>MSROLL</a></li><li><a onclick='showFeature(4)'>RCOAL</a></li><li><a onclick='showFeature(5)'>BEST</a></li></ul>";
			break;
		case 2:
			document.getElementById("menu").innerHTML = "<ul><li><a onclick='showFeature(1)'>HOME</a></li><li><a class='current' onclick='showFeature(2)'>MY WORKSTATION</a></li><li><a onclick='showFeature(3)'>MSROLL</a></li><li><a onclick='showFeature(4)'>RCOAL</a></li><li><a onclick='showFeature(5)'>BEST</a></li></ul>";
			break;
		case 3:
			document.getElementById("menu").innerHTML = "<ul><li><a onclick='showFeature(1)'>HOME</a></li><li><a onclick='showFeature(2)'>MY WORKSTATION</a></li><li><a class='current' onclick='showFeature(3)'>MSROLL</a></li><li><a onclick='showFeature(4)'>RCOAL</a></li><li><a onclick='showFeature(5)'>BEST</a></li></ul>";
			break;
		case 4:
			document.getElementById("menu").innerHTML = "<ul><li><a onclick='showFeature(1)'>HOME</a></li><li><a onclick='showFeature(2)'>MY WORKSTATION</a></li><li><a onclick='showFeature(3)'>MSROLL</a></li><li><a class='current' onclick='showFeature(4)'>RCOAL</a></li><li><a onclick='showFeature(5)'>BEST</a></li></ul>";
			break;
		case 5:
			document.getElementById("menu").innerHTML = "<ul><li><a onclick='showFeature(1)'>HOME</a></li><li><a onclick='showFeature(2)'>MY WORKSTATION</a></li><li><a onclick='showFeature(3)'>MSROLL</a></li><li><a onclick='showFeature(4)'>RCOAL</a></li><li><a class='current' onclick='showFeature(5)'>BEST</a></li></ul>";
			break;
	}
}